/**
 * 按钮
 * <button class="yb-button" type="text">文字按钮</button>
 * <button class="yb-button" type="green">绿色按钮</button>
 * <button class="yb-button" type="gray">灰色按钮</button>
 * <button class="yb-button" type="plain">镂空按钮</button>
 */

.yb-button {
  line-height: 30px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 10px;
  min-width: 78px;
  padding: 0 11px;
  display: inline-block;
  text-align: center;
  outline: none;
  border: none;
}

[type="green"].yb-button {
  color: #FFFFFF;
  background-color: #0FBAA0;
}

[type="green"].yb-button:hover {
  background-color: #89DCCE;
}

[type="gray"].yb-button {
  color: #8D8D8D;
  background-color: #E1E1E1;
  line-height: 28px;
  border: 1px solid #D4D4D4;
}

[type="gray"].yb-button:hover {
  background-color: #F0F0F0;
}

[type="plain"].yb-button {
  color: #0BC3A7;
  background-color: #EDFFFC;
  line-height: 28px;
  border: 1px solid #0FBAA0;
}

[type="plain"].yb-button:hover {
  color: #FFFFFF;
  background-color: #0FBAA0;
}

[type="text"].yb-button {
  color: #0BC3A7;
  background-color: transparent;
  line-height: 30px;
  padding: 0;
  min-width: 0;
}

[type="text"].yb-button:hover {
  color: #8DE2D3;
}